import { FC } from 'react';
import './index.scss';
import { FieldsComponentPropsInterface } from 'src/types/interface/form.control.interface';
import { Flex, Button, Space, Table } from 'antd';
import { PlusOutlined, DeleteOutlined } from '@ant-design/icons';


const FieldsComponent: FC<FieldsComponentPropsInterface> = ({ filedJsonString, valueChange }) => {






    return (
        <Flex className='fields-component' justify='start' vertical>
            <Space className='header'>
                <Button type='primary' icon={<PlusOutlined />}>新增</Button>
                <Button type='primary' danger icon={<DeleteOutlined />}>删除</Button>
            </Space>
            <div>
                <Table className='filedJsonString' style={{height:'100%'}}/>
            </div>
        </Flex>
    )
}

export default FieldsComponent;